<!--
  @Descripttion：任务详情基础信息
  @Author：zqy
  @Date：2020-12-09 09:43:37
  @Last Modified by：zqy
  @Last Modified time：2020-12-09 09:43:37
-->
<template>
  <div>
    <el-form ref="refForm" size="mini" label-width="120px">
      <el-row>
        <!-- <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="6">
          <el-form-item label="菜单路径:">
            {{ detailData.menuPath }}
          </el-form-item>
        </el-col> -->
        <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="6">
          <el-form-item label="任务名称:">
            {{ detailData.taskName }}
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="6">
          <el-form-item label="任务模板:">
            {{ detailData.templateCode }}
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="6">
          <el-form-item label="导入状态:">
            {{ statusName }}
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="6">
          <el-form-item label="总条数:">
            {{ totalNum }}
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="6">
          <el-form-item label="异常条数:">
            {{ errorNum }}
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="6">
          <el-form-item label="创建人:">
            {{ detailData.createBy }}
          </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="6">
          <el-form-item label="创建时间:">
            {{ detailData.createTime }}
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
import { importStatusList } from '../utils'
export default {
  name: 'TaskDetailBasic',
  components: {},
  props: {
    detailData: {
      type: [String, Object],
      default: ''
    },
    totalNum:{
      default:0,
      type:Number
    }, // 总数
    errorNum:{
      default:0,
      type:Number
    }, // 未通过条数
  },
  data() {
    return {

    }
  },

  computed: {
    // 单据状态
    statusName() {
      const { importState } = this.detailData
      return (importStatusList && importStatusList[importState]) || ''
    }
  },

  methods: {}
}
</script>
<style lang='scss' scoped>
/* @import url(); 引入css类 */

</style>
